<template>
  <van-row>
    <van-col span="24">
      <router-view />
      <van-tabbar v-model="active" route>
        <van-tabbar-item name="home" icon="home-o" to="/Work">我的工作</van-tabbar-item>
        <van-tabbar-item icon="todo-list-o" to="/Remind">我的提醒</van-tabbar-item>
        <van-tabbar-item></van-tabbar-item>
        <van-tabbar-item icon="pending-payment" to="/File">我的档案</van-tabbar-item>
        <van-tabbar-item icon="apps-o" to="/Other">其它</van-tabbar-item>
      </van-tabbar>
    </van-col>

    <van-col class="report-btn">
      <router-link to="/Report">
        <van-image width="70" height="70" :src="require('@/assets/img/icon-22.png')" />
      </router-link>
    </van-col>
  </van-row>
</template>

<script>
export default {
  data() {
    return{
      active: 'home',
    }
  }
}
</script>

<style scoped>
  .bottom{
    width: 100%;
    position: fixed;
    height: 55px;
    border-top: 1px solid #e2e2e2;
    bottom: 0;
    z-index: 9999;
    font-size: 14px;
    line-height: 55px;
    background-color: #fff;
  }
  .bottom .van-col{
    text-align: center;
  }
  .bottom a{
    color: #333;
  }

  .report-btn{
    position: fixed;
    bottom: 0;
    z-index: 1;
    left: 43%;
  }
</style>